@import url(./mine.css);
@import url(./passiveIncome.css);
@import url(./expenditure-income.css);
@import url(./liabilities.css);
@import url(./property.css);
* {
  margin: 0;
  padding: 0;
}

html,
#app {
  height: 100%;
  overflow: hidden;
}

li {
  list-style: none;
}

#container {
  height: 100vh;
  padding: 20px;
  box-sizing: border-box;
  background: #e2e3e5;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-template-rows: repeat(12, 1fr);
  gap: 20px;
}

.card {
  background: #fff;
  border-radius: 10px;
  text-align: left;
  padding: 20px;
}

.property {
  grid-column: 1/11;
  grid-row: 1/8;
}
.passive-income {
  grid-column: 11/17;
  grid-row: 1/8;
}
.income-expenditure {
  grid-column: 17/25;
  grid-row: 1/13;
}
.mine {
  grid-column: 1/6;
  grid-row: 8/13;
}
.liabilities {
  grid-column: 6/17;
  grid-row: 8/13;
}

